.sv-id-userinfo {
  @include useTheme {
    background-color: getTheme('sv-background-color');

    .uni-list {
      background-color: getTheme('sv-background-highlight-color');

      .uni-list--border-top,
      .uni-list--border-bottom {
        background-color: getTheme('sv-border-color');
      }

      .uni-list-item {
        background-color: getTheme('sv-background-highlight-color') !important;

        .uni-list--border::after {
          background-color: getTheme('sv-border-color');
        }

        .uni-list-item__content-title {
          color: getTheme('sv-text-color');
        }

        .box {
          background-color: getTheme('sv-mask-highlight-color');
        }
      }
    }
  }
}

.security {
  @include useTheme {
    .uni-list {
      background-color: getTheme('sv-background-color');

      .uni-list--border-top,
      .uni-list--border-bottom {
        background-color: getTheme('sv-border-color');
      }

      .uni-list-item {
        background-color: getTheme('sv-background-color') !important;

        .uni-list--border::after {
          background-color: getTheme('sv-border-color');
        }

        .uni-list-item__content-title {
          color: getTheme('sv-text-color');
        }
      }
    }
  }
}

.change-pwd {
  @include useTheme {
    .uni-forms {
      .uni-forms-item {
        .uni-forms-item__label {
          color: getTheme('sv-text-color');
        }
        .uni-forms-item__content {
          .uni-easyinput {
            color: getTheme('sv-text-color') !important;
            .uni-easyinput__content {
              background-color: getTheme('sv-background-color') !important;
              border: 1px solid #{getTheme('sv-border-color')} !important;
            }
          }
        }
      }
    }
  }
}

.uni-content {
  @include useTheme {
    .button-group {
      background-color: getTheme('sv-background-color');
      border-top: 1px solid #{getTheme('sv-border-color')};
    }
  }
}

// 修改系统toast样式可能会出问题
// .uni-toast {
//   background: transparent;
// }

.sv-danmaku {
  @include useTheme {
    --panel-text-color: #{getTheme('sv-text-color')};

    .close-icon {
      color: getTheme('sv-text-color') !important;
    }

    .uni-easyinput {
      color: getTheme('sv-text-color') !important;

      .uni-easyinput__content {
        background-color: getTheme('sv-background-color') !important;
      }
      .is-input-border {
        border: 1px solid #{getTheme('sv-border-color')} !important;
      }
    }
  }
}

.sv-exam {
  @include useTheme {
    --bg-color: #{getTheme('sv-background-color')};
    --border-color: #{getTheme('sv-border-color')};
    --border-highlight-color: #{getTheme('sv-primary-color')};
  }
}

.st-uv-collapse {
  @include useTheme {
    :deep(.uv-cell--clickable) {
      background-color: getTheme('sv-hover-color');
    }

    :deep(.uv-cell__body) {
      color: getTheme('sv-text-color');

      .uv-cell__title-text {
        color: getTheme('sv-text-color');
      }
    }

    :deep(.uv-collapse-item__content__text) {
      color: getTheme('sv-text-sub-color');
    }
  }
}

.uni-countdown {
  @include useTheme {
    .uni-countdown__number,
    .uni-countdown__splitor {
      color: getTheme('sv-text-color') !important;
    }
  }
}

.sv-uv-vtabs {
  @include useTheme {
    .uv-vtabs__bar {
      background: getTheme('sv-background-color');

      .uv-vtabs__bar-item--value {
        color: getTheme('sv-text-sub-color');
      }

      .uv-vtabs__bar-item-active--value {
        color: getTheme('sv-primary-color') !important;
      }
    }
    .uv-vtabs__content {
      background: getTheme('sv-background-highlight-color');
    }
    .uv-vtabs__bar-item-active {
      background: getTheme('sv-background-highlight-color');
    }
  }
}

.sv-cu-grid {
  @include useTheme {
    background-color: getTheme('sv-background-highlight-color');
  }
}

.sv-cu-list {
  .cu-item {
    @include useTheme {
      background-color: getTheme('sv-background-highlight-color');
    }
  }
}

/* #ifndef MP-WEIXIN */
.sv-uv-picker {
  @include useDarkTheme {
    .uv-popup .uv-popup__content {
      background-color: getTheme('sv-background-highlight-color') !important;
    }
    .uni-picker-view-mask {
      background-image: linear-gradient(180deg, rgba(40, 40, 40, 0.95), rgba(40, 40, 40, 0.6)),
        linear-gradient(0deg, rgba(40, 40, 40, 0.95), rgba(40, 40, 40, 0.6));
    }
    .uv-picker__view__column__item {
      color: getTheme('sv-text-color');
    }
  }
}
/* #endif */

.sv-uni-easyinput {
  @include useTheme {
    .uni-easyinput {
      color: getTheme('sv-text-color') !important;
      .uni-easyinput__content {
        background-color: getTheme('sv-background-highlight-color') !important;
        border: 1px solid #{getTheme('sv-border-color')} !important;
      }
    }
  }
}

.sv-uni-data-select {
  @include useTheme {
    color: getTheme('sv-text-color');
    background-color: getTheme('sv-background-highlight-color') !important;

    .uni-select {
      border: 1px solid #{getTheme('sv-border-color')} !important;
    }

    .uni-select__input-text {
      color: inherit;
    }

    .uni-select--disabled {
      color: getTheme('sv-text-sub-color') !important;
      background-color: getTheme('sv-background-color') !important;
    }

    .uni-select__selector {
      background-color: getTheme('sv-background-highlight-color') !important;

      .uni-select__selector-item:hover {
        background-color: getTheme('sv-background-color') !important;
      }
    }
  }
}
